/**
 * @description: cart页面初始化Vuex模块
 * @author: JK.TuTu
 * @Data: 2023.01.12 15:52
 */
export default {
  //开启命名空间
  namespaced: true,

  //state数据
  state: () => ({
    //购物车数组 用来存储购物车中每个商品的信息对象 
    //每个商品信息对象 包含以下几个数据: goods_id,goods_name,goods_price,goods_count,goods_small_logo,goods_state
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),

  //mutations方法
  mutations: {
    //添加到购物车方法
    addToCart(state, goods) {
      //添加到购物车时 根据商品id检查购物车中是否存在该商品 若不存在则加入购物车
      //find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined
      const result = state.cart.find((x) => x.goods_id === goods.goods_id)
      if (!result) {
        //如果购物车没有这件商品 直接加入
        state.cart.push(goods)
      } else {
        //如果购物车中有这件商品 只更新数量即可
        result.goods_count++
      }
      //通过commit方法 调用m_cart命名空间下的saveToStorage方法
      this.commit('m_cart/saveToStorage')
    },

    //将购物车数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },

    //根据商品id更新购物车列表中单个商品的勾选状态
    updateGoodsState(state, goods) {
      //根据goods_id查询购物车中对应商品的信息对象
      const cartGoods = state.cart.find(x => x.goods_id === goods.goods_id)
      if (cartGoods) {
        cartGoods.goods_state = goods.goods_state
        //持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },

    //根据商品id更新购物车列表中单个商品数量
    updateGoodsCount(state, goods) {
      //根据goods_id查询购物车中对应商品的信息对象
      const cartGoods = state.cart.find(x => x.goods_id === goods.goods_id)
      if (cartGoods) {
        cartGoods.goods_count = goods.goods_count
        //持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },

    //根据商品id从购物车中删除对应的商品信息
    removeGoodsById(state, goods_id) {
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      //持久化存储到本地
      this.commit('m_cart/saveToStorage')
    },
    
    //点击全选按钮 更新购物车中所有商品的勾选状态
    updateAllGoodsState(state,newState){
      state.cart.forEach(x=>x.goods_state=newState)
      //持久化存储到本地
      this.commit('m_cart/saveToStorage')
    }

  },

  //getters属性
  getters: {
    //统计购物车中的商品总数量
    total(state) {
      let c = 0
      state.cart.forEach(goods => c += goods.goods_count)
      return c
    },
    //勾选商品的数量
    checkedCount(state) {
      //先使用filter方法 从购物车中过滤已勾选的商品 再使用reduce方法，将已勾选的商品数量进行累加
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    //勾选商品的总价格
    checkedGoodsAmount(state){
      //filter函数 从购物车中过滤出已经勾选的商品
      //reduce函数 将已经勾选的商品数量*商品单价 计算出商品总价
      //toFixed(2) 保留两位小数
       return state.cart.filter(x=>x.goods_state)
       .reduce((total,item) => total += item.goods_count*item.goods_price,0)
       .toFixed(2)      
    }
   
    
  }
}
